@import "common";

@space: 16px;
@radius: 3px;
@padding: 14px;
@head-height: 64px;
@menu-width: 200px;
@font-size: 16px;

@right-gbc: #fff; /* 右侧主内容区背景色 */

@menu-color: #333333; /* 导航栏条目默认字体颜色 */
@menu-gbc: #e7e9ef; /* 导航栏整体背景色 */
@menu-active-color: #333333; /* 导航栏一级菜单激活时（selected或者hover）字体颜色 */
@menu-active-gbc: #e7e9ef; /* 导航栏一级菜单激活时（selected或者hover）字体颜色 */
@menu-sub-gbc: #f3f4f7; /* 导航栏二级菜单背景色 */
@menu-sub-active-gbc: #fff; /* 导航栏二级菜单hover背景色 */
@menu-sub-active-border-color: #2db7f5; /* 导航栏二级菜单hover右边框色 */
@menu-sub-active-color: #333; /* 导航栏二级菜单hover字体颜色 */
@menu-sub-selected-gbc: #ffffff; /* 导航栏二级菜单selected背景色 */
@menu-sub-selected-border-color: #2db7f5; /* 导航栏二级菜单selected右边框色 */
@menu-sub-selected-color: #2db7f5; /* 导航栏二级菜单selected字体颜色 */

@text-color: #333;
@body-color: white;
@head-color: #0075a9;
@main-color: #c0e7fa;
@title-color: white;
@border-color: #8cd4f6;
@login-box-bgc: rgba(255, 255, 255, 0.8);

.div {
  height: @space;
}

.line {
  border-bottom: 1px solid #ccc;
}

.padding {
  padding: @padding;
}

.padding-l {
  padding-left: @padding;
}

.padding-r {
  padding-right: @padding;
}

.padding-l-r {
  .padding-l;
  .padding-r;
}

.padding-t {
  padding-top: @padding;
}

.padding-b {
  padding-bottom: @padding;
}

.padding-t-b {
  .padding-t;
  .padding-b;
}

.body-color {
  background-color: @body-color;
}

.main-color {
  background-color: @main-color;
}

.nav a {
  color: @text-color;
  text-decoration: none;
}

.layout-left {
  .h100;
  top: 0;
  left: 0;
  width: @menu-width;
  position: absolute;
  background-color: @menu-gbc;
  border-right: 1px solid #d2d2d2;
}

.layout-right {
  padding-left: @menu-width;
  // TODO 横向滚动条是哪儿来的？
  overflow-x: hidden;
  overflow-y: auto;
  background-color: @right-gbc;
  .h100;
}

.titleinfo {
  button.icon {
    padding: 1px 15px 1px 8px;
    .iconfont {
      margin-right: 5px;
    }
  }
}

.ant-menu-submenu {
  .iconfont {
    margin-right: 8px;
  }
}

/**
修复antd中required 高度加1的问题
 */
.ant-form-item-required:before {
  font-family: inherit;
}
